import { Dialog, DialogContent } from "@/components/ui/dialog"

export function ProcessingTransactionDialog() {
  return (
    <Dialog defaultOpen>
      <DialogContent className="bg-black/50 flex items-center justify-center p-8 rounded-lg">
        <div className="bg-white p-6 rounded-full flex items-center justify-center">
          <div className="animate-spin rounded-full h-12 w-12 border-4 border-primary border-t-transparent" />
        </div>
        <div className="ml-6 text-white">
          <h3 className="text-2xl font-bold">Processing Transaction</h3>
          <p className="text-lg">Please wait while we process your payment.</p>
        </div>
      </DialogContent>
    </Dialog>
  )
}
